@charset "utf-8";

/**************************** 仓单查询 ******************************/
.tran_big_style{ width: 100%; height: 100%; margin: 0 0 200px 0;background-color:#fff;}
.tran_big_style li{ width: 645px; height: 90px; line-height: 90px; padding-left: 55px; margin-left: 45px; position: relative;}
.tran_big_style li div{ top: 28px;}
.tran_big_style li span{ position: absolute; top: 26px; left: 648px; width:25px; height: 38px; background: url("../img/sprites_news.png") -6px -427px no-repeat; overflow: hidden;}

/* 认购查询2期 */
.tran_big_style li:nth-child(1) div{
    position: absolute;
    left: 0;
    width: 38px;
    height: 34px;
    background: url("../img/sprites_news.png") -9px -7px no-repeat;
    overflow: hidden;
}
/* 认购查询1期 */
.tran_big_style li:nth-child(2) div{
    position: absolute;
    left: 0;
    width: 38px;
    height: 34px;
    background: url("../img/sprites_news.png") -59px -8px no-repeat;
    overflow: hidden;
}
/* 持仓查询 */
.tran_big_style li:nth-child(3) div{
    position: absolute;
    left: 0;
    width: 38px;
    height: 34px;
    background: url("../img/sprites_news.png") -111px -7px no-repeat;
    overflow: hidden;
}
/* 委托查询 */
.tran_big_style li:nth-child(4) div{
    position: absolute;
    left: 0;
    width: 44px;
    height: 35px;
    background: url("../img/sprites_news.png") -157px -7px no-repeat;
    overflow: hidden;
}
/* 成交查询 */
.tran_big_style li:nth-child(5) div{
    position: absolute;
    left: 0;
    width: 38px;
    height: 34px;
    background: url("../img/sprites_news.png") -213px -8px no-repeat;
    overflow: hidden;
}
/* 提货查询 */
.tran_big_style li:nth-child(6) div{
    position: absolute;
    left: 0;
    width: 38px;
    height: 48px;
    background: url("../img/sprites_news.png") -262px -4px no-repeat;
    overflow: hidden;
}
/* 电商订购查询 */
.tran_big_style li:nth-child(7) div{
    position: absolute;
    left: 0;
    width: 38px;
    height: 48px;
    background: url("../img/sprites_news.png") -308px -4px no-repeat;
    overflow: hidden;
}
.tran_big_style a{ display: block; width: 650px; font-size: 30px; color: #404040; border-bottom: 1px solid #dfdfdf;}

/*************************** 公用占位模块 ****************************/
.tran_height_style{ height: 25px;}
.tran_heights_style{ height: 100px;}

/*************************** 认购查询 *******************************/
.tran_purc_style{ width: 100%; min-height: 1140px; background:url("../img/login_bg.gif"); position: absolute; top: 190px;}
.news_purchase{ width: 690px; background-color: #fff; border: 1px solid #dfdfdf; margin: 0 auto; margin-bottom: 25px;}
.news_purchase strong{ display: block; width: 625px; margin: 0 auto; font-size: 32px; line-height: 50px; font-weight: normal; border-bottom: 1px solid #dfdfdf; padding: 15px 0;}
.news_purchase p{ display: block; width: 625px; font-size: 28px; color: #888; margin: 20px auto 20px;}
.news_purchase p span{ float: right;}
.tran_purc_style .artfin_no_style{ position: absolute; top: 0; left: 50%; width:166px; height: 166px; background: url("../img/lack_news.png") -337px 17px no-repeat; overflow: hidden; margin-left: -83px;}

/*************************** 成交查询 *******************************/
.tran_deal_style{ width: 100%; min-height: 1140px; background:url("../img/login_bg.gif"); position: absolute; top: 190px;}
.news_deal{ width: 690px; background-color: #fff; border: 1px solid #dfdfdf; margin: 0 auto; margin-bottom: 25px;}
.news_deal strong{ display: block; width: 625px; margin: 0 auto; font-size: 32px; line-height: 50px; font-weight: normal; border-bottom: 1px solid #dfdfdf; padding: 15px 0;}
.news_deal p{ display: block; width: 625px; font-size: 28px; color: #888; margin: 20px auto 20px;}
.news_deal p span{ float: right;}
.tran_deal_style .artfin_no_style{ position: absolute; top: 0; left: 50%; width:166px; height: 166px; background: url("../img/lack_news.png") -168px -152px no-repeat; overflow: hidden; margin-left: -83px;}

/*************************** 委托查询 *******************************/
.tran_entr_style{ width: 100%; min-height: 1140px; background:url("../img/login_bg.gif"); position: absolute; top: 190px;}
.news_entrust{ width: 690px; background-color: #fff; border: 1px solid #dfdfdf; margin: 0 auto; margin-bottom: 25px;}
.news_entrust strong{ display: block; width: 625px; margin: 0 auto; font-size: 32px; line-height: 50px; font-weight: normal; border-bottom: 1px solid #dfdfdf; padding: 15px 0;}
.news_entrust p{ display: block; width: 625px; font-size: 28px; color: #888; margin: 20px auto 20px;}
.news_entrust p span{ float: right;}
.news_entrust b{ float: right; width: 145px; height: 55px; font-weight: normal; border-radius: 30px; background-color: #888; text-align: center; line-height: 55px; font-size: 26px; color: #fff; margin: 0 30px 30px 0;}
.tran_entr_style .artfin_no_style{ position: absolute; top: 0; left: 50%; width:166px; height: 166px; background: url("../img/lack_news.png") 0 -152px no-repeat; overflow: hidden; margin-left: -83px;}
.news_entrust b.stage_id1{ background-color: #f14958;}
.entrust_entrust{ position: relative;}
.entrust_category{ width: 100%; height: 100px; background: #fff; border-bottom: 1px solid #dfdfdf; margin-bottom: 25px; position: fixed; top: 88px; z-index: 2;}
.entrust_category ul li{ float: left; width: 25%; font-size: 30px; text-align: center; line-height: 100px; border-right: 1px solid #dfdfdf;}
.entrust_category ul li:last-child{ width: 24.5%; border: none;}
.entrust_category_news{ display: none; width: 100%; max-height: 510px; overflow: hidden; overflow-y: scroll; background: #fff; position: fixed; top: 189px; z-index: 2;}
.entrust_category_news ul{ display: none;}
.entrust_category_news ul li{ height: 100px; font-size: 30px; line-height: 100px; border-bottom: 1px solid #dfdfdf; padding-left: 60px;}
.entrust_category_news ul li:first-child{ background:url('../rightYes.png') 680px 35px no-repeat;}
.entrust_category_news ul li:last-child{ border: none;}

/*************************** 持仓查询 *******************************/
.tran_hold_style{ width: 100%; min-height: 1246px; background:url("../img/login_bg.gif"); position: absolute; top: 88px;}
.news_hold{ width: 690px; background-color: #fff; border: 1px solid #dfdfdf; margin: 0 auto; margin-bottom: 25px;}
.news_hold strong{ display: block; width: 625px; margin: 0 auto; font-size: 32px; line-height: 50px; font-weight: normal; border-bottom: 1px solid #dfdfdf; padding: 15px 0;}
.news_hold p{ display: block; width: 625px; font-size: 28px; color: #888; margin: 20px auto 20px;}
.news_hold p span{ float: right;}
.news_hold a{ float: left; width: 145px; height: 55px; border-radius: 30px; background-color: #f14958; text-align: center; line-height: 55px; font-size: 26px; color: #fff; /*margin: 40px 35px 30px 40px;*/ margin: 40px 40px 30px 45px;}
.news_hold a:hover{ background-color: #d33c3f;}
.news_hold b{ float: left; width: 145px; height: 55px; border-radius: 30px; font-weight: normal; background-color: #f14958; text-align: center; line-height: 55px; font-size: 26px; color: #fff; /*margin: 40px 35px 30px 40px;*/ margin: 40px 40px 30px 45px;}
.news_hold em{ float: left; width: 145px; height: 55px; border-radius: 30px; font-weight: normal; background-color: #f14958; text-align: center; line-height: 55px; font-size: 26px; color: #fff; font-style: normal; /*margin: 40px 35px 30px 40px;*/ margin: 40px 40px 30px 45px;}
.news_hold time{ float: left; width: 145px; height: 55px; border-radius: 30px; font-weight: normal; background-color: #f14958; text-align: center; line-height: 55px; font-size: 26px; color: #fff; font-style: normal; /*margin: 40px 35px 30px 40px;*/ margin: 40px 40px 30px 45px;}
.news_hold fontr{ float: left; width: 145px; height: 55px; border-radius: 30px; font-weight: normal; background-color: #f14958; text-align: center; line-height: 55px; font-size: 26px; color: #fff; /*margin: 40px 35px 30px 40px;*/ margin: 40px 40px 30px 45px;}
.news_hold i{ float: left; width: 145px; height: 55px; border-radius: 30px; font-style: normal; font-weight: normal; background-color: #888; text-align: center; line-height: 55px; font-size: 26px; color: #fff; /*margin: 40px 35px 30px 40px;*/ margin: 40px 40px 30px 45px;}
.tran_hold_style .artfin_no_style{ position: absolute; top: 0; left: 50%; width:166px; height: 166px; background: url("../img/lack_news.png") -506px 17px no-repeat; overflow: hidden; margin-left: -83px;}

.process_hold{ display: none; position: fixed; top: 50%; left: 50%; margin: -205px 0 0 -272px; width: 545px; height: 436px; background-color: #fff; border-radius: 25px; z-index: 2;}
.process_hold_news strong{ display: block; width: 100%; height: 90px; font-size: 32px; color: #f14958; line-height: 90px; font-weight: normal; text-align: center; border-bottom: 1px solid #dfdfdf; margin-bottom: 30px;}
.process_hold_news dl{ padding-left: 40px;}
.process_hold_news dl dt{ font-size: 28px; color: #333; margin-bottom: 30px;}
.process_hold_news dl dd{ font-size: 28px; color: #888; margin-bottom: 30px;}
.process_hold_news dl dd i{ font-style: normal;}
.process_hold_news dl dd input{ width: 200px; height: 45px; border: 1px solid #808080; padding: 0 10px;}
.process_hold_bottom_button{ height:100px; position:absolute; bottom:0; text-align:center;}
.process_hold_bottom_button p{ border-top:2px solid #cdcdcd; border-right:2px solid #cdcdcd; width:256px; height:98px; line-height:98px; color:#555; font-size:32px; float:left;}
.process_hold_bottom_button p:last-child{ width:287px; border-right:none;}
#process_hold_true{ color:#f14958;}

/* 艺术品列表弹出 */
.tran_none_block{ display: none; width: 690px; height: 1000px; background-color: #fff; overflow: hidden; overflow-y: scroll; position: fixed; left: 50%; top: 50%; margin: -456px 0 0 -345px; z-index: 2;}
.tran_none_block b{ position: fixed; right: 45px; margin-top: 15px;}
.tran_none_block div{ margin: 20px 0 40px 0;}
.tran_none_block dl{ display: inline-block; margin:35px 0 0 40px;}
.tran_none_block dl dt{ width: 160px; height: 160px; text-align: center; vertical-align: middle; border: 1px solid #dfdfdf; display: inline-block;  position: relative; overflow: hidden;}
.tran_none_block dl dt img{ position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width:160px;_width:expression(this.width > 160 ? "160px" : this.width);}
.tran_none_block dl dd{ text-align: center; font-size: 24px; color: #888; margin-top: 10px;}
.img_style_opa{ width: 160px; height: 160px; position: absolute; top: 0; left: 0; z-index: 1;}
.img_style_opa_big{ width: 160px; height: 160px; background: #404040; opacity: 0.4; position: absolute; top: 0; left: 0; z-index: 2;}
.img_style_opa_small{ width: 160px; height: 60px; background: #404040; opacity: 0.3; position: absolute; top: 0; left: 0; z-index: 3;}
.img_style_opa i{ width: 160px; font-size: 28px; font-style: normal; color: #fff; text-align: center; line-height: 60px; position: absolute; top: 0; left: 0; z-index: 4;}

/* 艺术品详情弹出 */
.detail_detail{ display: none; width: 690px; height: 1000px; background-color: #fff; overflow: hidden; overflow-y: scroll; position: fixed; left: 50%; top: 50%; margin: -456px 0 0 -345px; z-index: 2;}
.detail_detail b{ position: fixed; right: 45px; margin-top: 15px;}
.detail_news{ margin-top: 70px;}
.detail_news_style{ width: 480px; overflow: hidden; text-align: center; margin-bottom: 50px; padding: 0 170px 0 35px;}
.detail_news_style strong{ display: block; width: 610px; margin: 0 auto; background: #eee; color: #333; border: 1px solid #bdbdbd; font-size: 26px; line-height: 50px; font-weight: normal;}
.detail_news_style img{ width: 612px; margin-top: 50px;}
.detail_news_style ul{display: block; width: 610px; margin: 0 auto; margin-top: 40px;}
.detail_news_style ul li{ font-size: 26px; color: #333; margin: 10px 0; margin-bottom: 19px;}
.detail_news_text{ width: 590px; height:100%; color:#666; word-wrap:break-word; word-break:normal; position: relative; left: 40px; margin-bottom: 100px;}
.detail_news_text img{ width: 612px;}
.detail_news_text_border{ width: 485px; font-size: 26px; color: #333; line-height: 80px; text-align: center; border-bottom: 1px solid #bdbdbd; margin-bottom: 50px; padding: 0 74px 0 60px;}
.tran_news input.input_ajaxfrom{ display: block; width: 600px; height: 90px; border: none; font-size: 32px; color: #fff; background-color: #f14958; text-align: center; line-height: 90px; border-radius: 50px; margin: 0 auto; margin-bottom: 50px;}

/* 提货弹出 */
.tran_tran{ display: none; position: fixed; top: 50%; left: 50%; margin: -315px 0 0 -315px; width: 630px; height: 630px; background-color: #fff; border-radius: 25px; z-index: 2;}
.tran_news strong{ display: block; width: 100%; height: 90px; font-size: 32px; color: #f14958; line-height: 90px; font-weight: normal; text-align: center; border-bottom: 1px solid #dfdfdf; margin-bottom: 35px;}
.tran_news dl{ padding-left: 30px; margin: 15px 0 60px 0;}
.tran_news dl dt{ width: 170px; text-align: right; font-size: 28px; color: #333; display: inline-block;}
.tran_news dl dd{ font-size: 28px; color: #888; display: inline-block;}
.tran_news dl dd input{ width: 380px; height: 58px; border: 1px solid #808080; padding: 0 10px;}
.tran_news_left{ position: relative; left: 162px; top: 5px;}
.tran_news_none{ display: none; width: 400px; height: 320px; overflow: hidden; background: #fff; border: 1px solid #808080; border-top: none; position: absolute; left: 203px; top: 185px; z-index: 1;}
.tran_news_none ul li{ height: 91px; border-bottom: 1px solid #808080; font-size: 28px; color: #666; padding: 15px 15px 0 15px;}
.tran_news_none ul li:last-child{ border: none;}
.tran_bottom_button{ height:100px; position:absolute; bottom:0; text-align:center;}
.tran_bottom_button p{ border-top:2px solid #cdcdcd; border-right:2px solid #cdcdcd; width:315px; height:98px; line-height:98px; color:#555; font-size:32px; float:left;}
.tran_bottom_button p:last-child{ width:313px; border-right:none;}
#tran_true{ color:#f14958;}

.tran_big_title{ width: 100%; height: 270px; background: #fff; border-bottom: 1px solid #dfdfdf; margin: 88px 0 30px 0;}
.title_money{ text-align: center;}
.tran_big_title dl{ display: inline-block; width: 210px; text-align: center; border-right: 1px solid #f14958; margin: 50px 0;}
.tran_big_title dl:nth-child(3){ border: none;}
.tran_big_title dl dt{ font-size: 26px; margin-bottom: 15px;}
.tran_big_title dl dd{ font-size: 26px;}
.tran_big_title dl dd span{ color: #f14958;}
.tran_big_title ul{ text-align: center;}
.tran_big_title ul li:first-child{ margin-right: 170px;background-color:#1ebf61;}
.tran_big_title ul li{ display: inline-block; width: 205px; height: 55px; line-height: 52px; text-align: center; font-size: 30px; background: #f14958; border-radius: 30px;}
.tran_big_title ul li a{ color: #fff;}
.tran_big_title ul li i{ font-style: normal; color: #fff;}

/*操作*/
.tran-do { overflow: hidden;margin-bottom:25px;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;background: #fff;padding:20px 0;}
.tran-do .tran-do-cell{width:33%; display:inline-block; text-align: center;float:left;}
.tran-do .tran-do-cell i {font-size:75px;color:#00a7ed;}
.tran-do .tran-do-cell p {font-size:28px;padding-top:10px;color:#404040;}